AngularJS Directives by 2013

Author:2013
Language: eng
Format: mobi, epub
Publisher: Packt Publishing

& – method binding

Sometimes, however, it's not simply properties that you want to be able to maintain access to. Sometimes you need to be able to call a method on the parent scope. For this, the symbol of choice is &, and let's once again return to our example to see how this symbol is used, as shown in the following code snippet:

<div ng-init="title = 'Hello World'; subtitle = 'I am an app'"> <h2 id="appTitle">{{title}}</h2> <h3 id="appSubtitle">{{subtitle}}</h3> <button id="upgradeApp" ng-click="setAppTitle('App 2.0', 'Still an app')">Upgrade me!</button> <div my-scoped-directive msd-update-title="setAppTitle(title, 'Updated by a directive')"> <h4 id="directiveTitle">{{title}}</h4> <button id="bobApp" ng-click="updateTitle({title : 'bob'})">Bob it!</button> </div> </div> //Parent scope: $scope.setAppTitle = function (title, subtitle) { $scope.title = title; $scope.subtitle = subtitle; } … directive('myScopedDirective', function() { return { scope : { 'updateTitle' : '&msdUpdateTitle' }, link : function ($scope, $element, $attrs) { $scope.title = 'Lonely Directive'; } }; });

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.